/* 打卡页面样式文件 */

/* 容器样式 - 主布局容器 */
.container {
  padding: 20px;
  margin: 0 auto;
  max-width: 1400px;
  background-color: #fff;
}

/* 页面标题样式 */
.pageTitle {
  margin-bottom: 16px !important;
  margin-top: 0 !important; /* 移除顶部默认间距 */
  color: #333;
  font-weight: normal !important;
}

/* 日历事件内容样式 */
.eventContent {
  padding: 8px;
  border-radius: 3px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 24px;
  line-height: 16px;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 1px 0;
}

/* 事件时间显示样式 */
.eventTime {
  font-size: 11px;
  font-weight: bold;
  opacity: 0.9;
  min-width: 28px; /* 固定时间宽度，保持对齐 */
}

/* 事件标题样式 */
.eventTitle {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis; /* 标题过长时显示省略号 */
}

/* FullCalendar 全局样式覆盖 */

/* 日历单元格样式调整 */
:global(.fc-daygrid-day-frame) {
  min-height: 120px !important; /* 确保单元格有足够高度 */
  height: auto !important;
}

/* 按钮焦点状态样式 */
:global(.fc-header-toolbar .fc-button:focus),
:global(.fc-button-group .fc-button:focus) {
  outline: none !important;
  box-shadow: none !important; /* 移除默认焦点样式 */
}

/* 表头文字颜色 */
:global(.fc-col-header-cell-cushion),
:global(.fc-daygrid-day-number) {
  color: #000000 !important;
}

/* 激活状态按钮样式 */
:global(.fc-button-primary:not(:disabled).fc-button-active) {
  background-color: #007bff !important;
  border-color: #007bff !important;
}